<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <!-- 装饰器内容勿动 start -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="root_path" content="<%=request.getContextPath()%>" id="JQ_root_path">
    <meta name="_token" content="<%=request.getSession().getAttribute("_token")%>" id="JQ_token">
    <meta name="file_path" content="${File_Server_Path}" id="JQ_file_path">
    <meta name="menu_mark" content="${menuMark}" id="JQ_menu_mark">
    <!-- -->
    <title>清管评价 - 历史查询 - 清管管理</title>
    <link rel="stylesheet" href="<%=request.getContextPath()%>/static/css/core.css">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/static/css/style.css">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/static/js/plugin/scrollbar/css/jquery.mCustomScrollbar.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/js/plugin/datetimepicker/jquery.datetimepicker.min.css">
    <script src="<%=request.getContextPath()%>/static/js/lib/jquery-1.12.3.min.js"></script>
    <script src="<%=request.getContextPath()%>/static/js/plugin/scrollbar/js/jquery.mousewheel.min.js"></script>
    <script src="<%=request.getContextPath()%>/static/js/plugin/scrollbar/js/jquery.mCustomScrollbar.min.js"></script>
    <!-- 装饰器内容勿动 start -->
    <!-- plugin -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/js/plugin/datetimepicker/jquery.datetimepicker.min.css">
</head>
<body>
<!-- ajax loading box -->
<div class="zy-ajax-loading"><p><img src="<%=request.getContextPath()%>/static/img/loading_01.gif"></p>
    <p>数据加载中，请稍等...</p></div>
<!-- ajax error box -->
<div class="zy-error-box"><span class="zy-error-btn" title="关闭提示">×</span>
    <div class="zy-error-body"></div>
</div>
<!-- big container -->
<div class="page-container">
    <!-- menu -->
    <div class="sidebar-menu">
        <div class="sidebar-menu-inner">
            <div class="logo-nav"><img src="<%=request.getContextPath()%>/static/img/logo_defect.png"></div>
            <div id="JQ_menu_active_arr" class="hidden"><c:forEach items="${menuActiveList}" var="m">${m.id},</c:forEach></div>
            <!-- menu - list -->
            <div id="JQ_sidebar_box">
                <ul class="first-menu" id="JQ_first_menu">
                    <li class="active">
                        <a href="#" class="nav-bg-01"><i></i>任务管理</a>
                    </li>
                    <li>
                        <a href="#" class="nav-bg-02"><i></i>跟踪管理</a>
                    </li>
                    <li>
                        <a href="/pic/pbf/external/externalInspection.html"
                           class="nav-bg-03"><i></i>历史查询</a>
                    </li>
                </ul>
            </div>
            <div class="copy-right">Copyright 2016<br>四川德源云管道信息技术有限公司</div>
        </div>
    </div>
    <!-- content -->
    <div class="main-content">
        <!-- top-bar -->
        <div id="JQ_top_bar" class="top-bar">
            <div class="top-bar-inner">
                <div class="top-user-info" style="width:auto">
                    <span class="top-user-photo"></span>
                    <a href="<%=request.getContextPath()%>/userSelfInfo/userSelfPage.html"><span
                            class="top-user-name">${username}</span>&nbsp;&nbsp;</a>
                    <a href="<%=request.getContextPath()%>/loginout.html"><span class="top-user-set r">退出 <i
                            class="zy-out-icon"></i></span></a>
                </div>
                <ul class="top-nav">
                    <li><a href="<%=request.getContextPath()%>/toHome.html"><i class="zy-home-icon"></i>主页</a></li>
                    <li><a href="#"><i class="zy-doc-icon"></i>文档中心</a></li>
                    <li><a href="#"><i class="zy-matter-icon"></i>管理报表</a></li>
                    <li><a href="http://www.pipemaster.cn" target="_blank"><i class="zy-service-icon"></i>专家系统</a></li>
                </ul>
            </div>
        </div>

        <!-- 你的内容 start -->
        <!-- content-body -->
        <div class="main-inner">
            <div class="content-inner">
                <div class="meta-head">
                    <h3>
                        <i></i>历史查询>清管评价
                    </h3>
                </div>
                <div class="xyf-eval-top">
                    <div class="eval-top-sect">
                        <img src="${pageContext.request.contextPath}/static/img/cl_eval_time.png">
                        <div class="top-sect-text">
                            <p>清管次数</p>
                            <span><i id="JQ_clean_times">330</i>次</span>
                        </div>
                        <div class="eval-top-gap"></div>
                    </div>
                    <div class="eval-top-sect">
                        <img src="${pageContext.request.contextPath}/static/img/cl_eval_speed.png">
                        <div class="top-sect-text">
                            <p>清管速度</p>
                            <span>1h&nbsp;33min</span>
                        </div>
                        <div class="eval-top-gap"></div>
                    </div>
                    <div class="eval-top-sect">
                        <img src="${pageContext.request.contextPath}/static/img/cl_eval_watter.png">
                        <div class="top-sect-text">
                            <p>污水</p>
                            <span><i id="JQ_clean_water">33</i>kg</span>
                        </div>
                        <div class="eval-top-gap"></div>
                    </div>
                    <div class="eval-top-sect">
                        <img src="${pageContext.request.contextPath}/static/img/cl_eval_goods.png">
                        <div class="top-sect-text">
                            <p>污物</p>
                            <span><i id="JQ_clean_goods">65</i>kg</span>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="zy-table">
                    <table id="JQ_table" class="zy-datatable" cellpadding="0" cellspacing="0">
                        <thead>
                        <tr>
                            <th title="清管时间">清管时间</th>
                            <th title="清管工具">清管工具</th>
                            <th title="清管类型">清管类型</th>
                            <th title="污水量">污水量(kg)</th>
                            <th title="污物量">污物量(kg)</th>
                            <th title="清除物描述">清除物描述</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <!-- 直方图 -->
                <div class="xyf-chart-box">
                    <div class="zy-charts-head zy-charts-info">
                        <p class="f16 fwb">污水/污物</p>
                        <p class="c-78">质量(kg)
                            <span class="r" style="margin-right: 20px;">
                                <i class="zy-c-i-02"></i>污水&nbsp;&nbsp;
                                <i class="zy-c-i-04"></i>污物&nbsp;&nbsp;
                            </span>
                        </p>
                        <div class="clear"></div>
                    </div>
                    <div id="paneChart" class="xyf-chart-rect"></div>
                    <div id="JQ_data_bull" style="display: none;" class="xyf-chart-rect">
                        <img src="${pageContext.request.contextPath}/static/img/chart_no_data.png">
                    </div>
                </div>

                <!-- 折线图 -->
                <div class="xyf-chart-box">
                    <div class="zy-charts-head zy-charts-info">
                        <p class="f16 fwb">压差</p>
                        <p class="c-78">兆帕Mpa</p>
                    </div>
                    <div id="lineChart" class="xyf-chart-rect"></div>
                </div>
            </div>
        </div>
        <!-- 你的内容 end -->


        <!-- JS start -->
        <!-- plugin -->
        <script src="${pageContext.request.contextPath}/static/js/plugin/datatables/js/jquery.dataTables.min.js"></script>
        <script src="${pageContext.request.contextPath}/static/js/plugin/datetimepicker/jquery.datetimepicker.full.min.js"></script>
        <!-- ui -->
        <script src="${pageContext.request.contextPath}/static/js/ui/ui-main.js"></script>
        <!-- base -->
        <script src="${pageContext.request.contextPath}/static/js/controller/base/base.controller.js"></script>
        <!-- api -->
        <script src="${pageContext.request.contextPath}/static/js/controller/api/cleanPipe.api.js"></script>
        <!-- controller -->
        <script src="${pageContext.request.contextPath}/static/js/controller/cleanPipe/history/historyEvaluate.controller.js"></script>
        <!-- chart -->
        <script src="${pageContext.request.contextPath}/static/js/plugin/d3/d3.js"></script>
        <script src="${pageContext.request.contextPath}/static/js/controller/cleanPipe/history/evaluateChart.js"></script>
        <!-- JS end -->
    </div>
</div>
</body>
</html>